/*==========清浮动专用==========*/
.bodyLeft > ul > li > a:after,.content-title:after,.files-type:after,.content-body ul.file-head li:after,.content-body ul.file-detail li:after,.contract-tab > div:after,div.announcement:after{
    display: block;
    content: "";
    clear: both;
}
.navContent {
    position: relative;
}
.navLeft{
    position:absolute;
    left: 0;
    top: 6px;
    padding: 0 20px;
    font:13px "微软雅黑";
}
.navTitle{
    font: 16px/36px "微软雅黑";
    display: table;
    margin: 0 auto;
    color: #fff;
    letter-spacing: 1px;
}
.navRight{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    font:13px "微软雅黑";
}
div.navRight button{
    margin-left: 20px;
}
div.announcement{
    width: 900px;
    height: 40px;
    border: 1px solid #1ebdff;
    color: #1ebdff;
    font: 17px/40px "微软雅黑";
    text-align: center;
    background: #fff;
    margin: 20px auto 25px;
    overflow: hidden;
    position: relative;
}
div.announcement > div{
    width: 1800px;
    height: 40px;
    position: absolute;
    left:0;
    top: 0;
}
div.announcement > div > div{
    width:900px;
    height:40px;
    float:left;
}

/*==========body-left部分==========*/
div.bodyLeft{
    width: 18%;
    height: 50px;
    margin-right: 1%;
    float: left;
}
.bodyLeft > ul{
    width: 100%;
}
.bodyLeft > ul > li{
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #1ebdff;
    margin-bottom: 10px;
    font: 15px "微软雅黑";
}
.bodyLeft > ul > li > a{
    display: block;
    color: #1ebdff;
    text-decoration: none;
    padding: 12px 0px;
    height: 48px;
}
.bodyLeft > ul > li a.active{
    background: #1ebdff;
    color: #fff;
}
.bodyLeft > ul > li.active > a{
    color: #fff;
}
.bodyLeft ul li a > div{
    float: left;
}
.bodyLeft ul li a img{
    margin-top: -5px;
}
/*==========body-right部分=========*/
div.bodyRight{
    width: 81%;
    min-height: 500px;
    background: #fff;
    float: left;
}
.head{
    width: 100%;
    height: 40px;
    padding: 0px 10px;
    font: 14px/40px "微软雅黑";
    background: #00b8ee;
    color: #fff;
}
.head a{
    color: #fff;
    text-decoration: none;
}
.bodyRight .content{
    width: 100%;
    padding: 1% 2% 1% 1%;
}
.content-title .content-left{
    float: left;
}
.content-title .content-right{
    float: right;
    width: 30%;
}
.content-right .form .form-group{
    width: 100%;
}
.content-right .form #inp{
    width : 70%;
    border-top-left-radius : 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border : 2px solid #1ebdff;
    font : 14px/34px "微软雅黑";
    color : #333;
}
.content-right .form #search{
    width: 30%;
    height: 34px;
    border-top-left-radius : 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #1ebdff;
    color: #fff;
    margin-left: -5px !important;
    font: 15px "微软雅黑";
    border: none;
}

.files-type{
    width: 90%;
    margin: 30px auto 0px;
}
.files-type > div{
    float: left;
    width: 25%;
    text-align: center;
}
.files-type > div > a{
    display: block;
}
.files-type > div > a > span{
    display: block;
    margin-top: 10px;
}


.content-body > div > ul{
    height: 36px;
    margin: 0;
}
.content-body > div > ul > li{
    height: 36px;
    border-bottom: 1px solid #f2f6fd;
}
.content-body > div > ul > li:hover{
    background: #f6faff;
}
.content-body ul.file-head li > div,.content-body ul.file-detail li > div{
    float: left;
    font: 14px/36px "微软雅黑";
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content-body ul.file-head li > div{
    font: bold 15px/36px "微软雅黑";
    color: #000;
}
.glyphicon-file{
    color: #ffd659;
}
.content-body ul.file-detail li > div > a{
    /*font: 14px/36px "微软雅黑";*/
}

.areaList{
    width: 60%;
    border-radius: 5px;
    border: 2px solid #1ebdff;
    background: #fff;
    margin: 15px auto;
    position: relative;
}
.areaList > a{
    display: block;
    text-decoration: none;
    font: 16px "微软雅黑";
    color: #000;
    margin: 10px auto;
    padding: 0px 20px;
}
.area{
    position: absolute;
    right: 1%;
    top: 5px;
}
.group{
    font: 13px/45px "微软雅黑";
    height: 45px;
    border-top: 2px solid #ccc;
    position: relative;
    padding: 0px 20px;
}
.group:hover{
    background: #f6faff;
}
.group > button,.group > a{
    position:absolute;
    right: 1%;
    top: 50%;
    transform: translatey(-50%);
}

/*======合同管理详情页======*/
#tabs-title > div{
    /*border-left: 1px solid #ddd;*/
}
#tabs-title > div.active{
    border-left: none;
}
#tabs-content div.tab > div.tab-title > div{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.contract-table{
    margin: 0 auto;
    width: 95%;
}
.contract-table tr{
    height: 40px;
}
.contract-table tr th{
    background: transparent;
}
.contract-table tr td{
    white-space: nowrap;
}
.contract-table tr td:nth-of-type(odd){
    font:bold 14px '微软雅黑';
}
.contract-title{
    color: #fff;
    font: 15px/40px '微软雅黑';
}
